<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Know Your Graph</title>
</head>
<body>

<div class="container-fluid" style="margin-left: -32px;">

  <div class="row">
    <%= render 'user_console/common/navbar' %>
  </div>

  <div class="row" style="margin-top: 18px;">
    <div class="col-sm-3 col-lg-2">
      <%= render 'user_console/common/sidebar' %>
    </div>

    <div class="col-sm-9 col-lg-10">
      <h1>Source File Detail</h1>

      <div class="container-fluid">
        <%= form_with model: @graph_data_file, url: "/user_console/graph_data_files/#{@graph_data_file._id}" do |form| %>

            <input type="hidden" name="method" value="patch">

            <h3><span style="color: darkgray;">File ID:</span><br/>
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<%= @graph_data_file._id %>
            </h3>

            <h3><span style="color: darkgray;">Uploader ID:</span><br/>
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<%= @graph_data_file.uploader_id %>
            </h3>

            <h3><span style="color: darkgray;">File Name:</span></h3>
            <%= form.text_field 'file_name', class: 'form-control', style: 'width: 20%;' %>

            <h3><span style="color: darkgray;">File size:</span><br/>
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              <%= @graph_data_file.file_size %> Bytes
            </h3>

            <h3><span style="color: darkgray;">Vertices:</span></h3>
            <%= form.number_field 'vertices', class: 'form-control', style: 'width: 20%;' %>

            <h3><span style="color: darkgray;">Edges:</span><br/>
            </h3>

            <%= form.number_field 'edges', class: 'form-control', style: 'width: 20%;' %>

            <h3><span style="color: darkgray;">Tags:</span><br/>
            </h3>
            <%= form.text_field 'tags', class: 'form-control', style: 'width: 50%;', value: @graph_data_file.tags %>

            <br><br>
            <%= form.submit class: 'btn btn-primary' %>

      <% end %>
      </div>

    </div>
  </div>
</div>
</body>
</html>